import vue from 'vue'
import vueRouter from 'vue-router'

import home from './.././components/home/home.vue'
import personal from '../components/personal/personal.vue'
import homePic from './../components/home/home-pic.vue'
import crypto from './../components/crypto/crypto.vue'
import animate from './../components/animate/animate.vue'
import form from './../components/form/form.vue'
import drap from './../components/drap/drap.vue'
import upload from './../components/upload/upload.vue'
import table from './../components/table/index.vue'
import table2 from './../components/table2/index.vue'
import table3 from './../components/table3/index.vue'
import input from './../components/input/index.vue'
import tickCheckbox from './../components/tickCheckbox/index.vue'
import arrayFn from './../components/arrayFn/index.vue'
import diGui from './../components/diGui/index.vue'
import vueTrigger from './../components/vueTrigger/index.vue'
import toTop from './../components/totop/index.vue'
import page from './../components/page/index.vue'
import dropdown from './../components/dropdown/index.vue'
import promise from './../components/promise/index.vue'
import scrollTap from './../components/scroll-tap/index.js'
import elli from './../components/elli/index.vue'
import validate from './../components/validate/index.vue'
import slideModal from './../components/slideModal/index.vue'
import ie9Placeholder from './../components/ie9-placeholder/index.vue'
import smartData from './../components/smartData/index.vue'
import ie10DivBackground from './../components/ie10DivBackground/index.vue'
import slotScopeUl from './../components/slot-scope-ul/index.vue'
import render from './../components/render/index.vue'
import searchForm from './../components/searchForm/index.vue'

vue.use(vueRouter)

console.log(home)

export default new vueRouter({
  routes: [
    { path: '/home', component: home, name: 'home', children: [{path: 'pic', component: homePic}] },
    { path: '/personal', component: personal, name: 'personal' },
    { path: '/crypto', component: crypto, name: 'crypto' },
    { path: '/animate', component: animate, name: 'animate' },
    { path: '/form', component: form, name: 'form' },
    { path: '/drap', component: drap, name: 'drap' },
    { path: '/upload', component: upload, name: 'upload' },
    { path: '/table', component: table, name: 'table' },
    { path: '/table2', component: table2, name: 'table2' },
    { path: '/table3', component: table3, name: 'table3' },
    { path: '/input', component: input, name: 'input' },
    { path: '/tickCheckbox', component: tickCheckbox, name: 'tickCheckbox' },
    { path: '/arrayFn', component: arrayFn, name: 'arrayFn' },
    { path: '/diGui', component: diGui, name: 'diGui' },
    { path: '/vueTrigger', component: vueTrigger, name: 'vueTrigger' },
    { path: '/toTop', component: toTop, name: 'totop' },
    { path: '/page', component: page, name: 'page' },
    { path: '/dropdown', component: dropdown, name: 'dropdown' },
    { path: '/promise', component: promise, name: 'promise' },
    { path: '/scrollTap', component: scrollTap, name: 'scrollTap' },
    { path: '/elli', component: elli, name: 'elli' },
    { path: '/validate', component: validate, name: 'validate' },
    { path: '/slideModal', component: slideModal, name: 'slideModal' },
    { path: '/ie9Placeholder', component: ie9Placeholder, name: 'ie9Placeholder' },
    { path: '/ie10DivBackground', component: ie10DivBackground, name: 'ie10DivBackground' },
    { path: '/slotScopeUl', component: slotScopeUl, name: 'slotScopeUl' },
    { path: '/slotScope', component: require('./../components/slot-scope/index.vue').default, name: 'slotScope' },
    { path: '/render', component: render, name: 'render' },
    { path: '/searchForm', component: require('./../components/searchForm/index.vue').default, name: 'searchForm' },
    { path: '/echarts', component: require('./../components/echarts/index.vue').default, name: 'echarts' },
    { path: '/drapVue', component: require('./../components/drap-vue/drap.vue').default, name: 'drapVue' },
    { path: '/ueditor', component: require('./../components/ueditor/index.vue').default, name: 'ueditor' },
    { path: '/popper', component: require('./../components/popper/index.vue').default, name: 'popper' },
    { path: '/bus', component: require('./../components/bus/index.vue').default, name: 'bus' },
    { path: '/modifier', component: require('./../components/modifier/index.vue').default, name: 'modifier' },
    { path: '/assign&set', component: require('./../components/assign&set/index.vue').default, name: 'assign&set' },
    { path: '/ajaxForm', component: require('./../components/ajax-form/index.vue').default, name: 'ajaxForm' },
    { path: '/elForm', component: require('./../components/el-form/list.vue').default, name: 'elForm' },
    { path: '/elSelect', component: require('./../components/el-select/index.vue').default, name: 'elSelect' },
    {
      path: '/ele',
      name: 'ele',
      component: require('./../element-ui/main.vue').default,
      children: [
        { path: 'button', component: require('./../element-ui/button/index.vue').default, name: 'eleButton' },
        { path: 'modal', component: require('./../element-ui/modal/index.vue').default, name: 'eleModal' }
      ]
    }
  ]
})
